<%- include ../common/header %>
<link rel="stylesheet" type="text/css" href="/css/common/dialog_bf.css"/>
<link rel="stylesheet" href="/css/answer/answerCont.css" />
<script type="text/javascript">
    var loadTime = {};
    loadTime.begin = new Date().getTime();
    loadTime.status = "";
    var timer = setInterval(function () {
        errAlert()
    }, 10000);
    function errAlert() {
        loadTime.status = "超过10min";
    }
</script>
<!--用来接收点击事件后隐藏弹出菜单的层-->
<div id="contentDiv" class="contentDiv">
    <!--loading动画-->
    <div id="loadingDiv" class="loader"></div>
    <div style="display:none;">
        <audio id="rightMedia" src="" type="audio/mpeg">抱歉，您的浏览器不支持 audio 标签。</audio>
        <audio id="wrongMedia" src="" type="audio/mpeg">抱歉，您的浏览器不支持 audio 标签。</audio>
    </div>
    <div class="switch_tit">
		<span class="backBtn" id="back"><a href="javascript:;"><img src="/images/back.png" alt="返回上层" /></a></span>
		<h2 id="chaptername"></h2>
	</div>
    <!--<div class="header" id="chaptername"></div>-->
    <!--开始 页面的id不要轻易改动==========================================================================================================================================-->
    <div id="exambt" style="display: none">
        <div id="exam">
            <!--单选题 start-->
            <div class="exam" id="radio_exam">
                <div class="title_ans" id="radio_title">
                    <div id="radio_testTitle">单选题试题标题</div>
                </div>
                <div id="radio_wrap" class="fm300">
                    <div class="Content0" id="radio_Content0">
                        <ul id="radio_Items">
                            <li id="radio_items_0"></li>
                            <li id="radio_items_1"></li>
                            <li id="radio_items_2"></li>
                            <li id="radio_items_3"></li>
                            <li id="radio_items_4"></li>
                            <li id="radio_items_5"></li>
                            <li id="radio_items_6"></li>
                            <li id="radio_items_7"></li>
                            <li id="radio_items_8"></li>
                            <li id="radio_items_9"></li>
                            <li id="radio_items_10"></li>
                            <li id="radio_items_11"></li>
                            <li id="radio_items_12"></li>
                            <li id="radio_items_13"></li>
                        </ul>
                    </div>
                    <div class="conDiv" id='radio_cuoR'></div>
                </div>

            </div>
            <!--单选题 end-->
            <!--多选题 start-->
            <div class="exam" id="checkbox_exam">
                <div class="title_ans" id="checkbox_title">
                    <div id="checkbox_testTitle">多选题试题标题</div>
                </div>
                <div id="checkbox_wrap" class="fm300">
                    <div class="Content0" id="checkbox_Content0">
                        <ul id="checkbox_Items">
                            <li id="checkbox_items_0"></li>
                            <li id="checkbox_items_1"></li>
                            <li id="checkbox_items_2"></li>
                            <li id="checkbox_items_3"></li>
                            <li id="checkbox_items_4"></li>
                            <li id="checkbox_items_5"></li>
                            <li id="checkbox_items_6"></li>
                            <li id="checkbox_items_7"></li>
                            <li id="checkbox_items_8"></li>
                            <li id="checkbox_items_9"></li>
                            <li id="checkbox_items_10"></li>
                            <li id="checkbox_items_11"></li>
                            <li id="checkbox_items_12"></li>
                            <li id="checkbox_items_13"></li>
                            <li id="checkbox_items_14"></li>
                        </ul>
                    </div>
                    <div class='default-btn' id="checkbox_btn" style="width:98%;display:none;margin-top: 20px; overflow: auto; height: 40px; line-height: 38px;">
                        <span>提交答案</span>
                    </div>
                    <div class="conDiv" id='checkbox_cuoR'></div>
                </div>
            </div>
            <!--多选题 end-->
            <!--A3TEST 单选题 start-->
            <div class="exam" id="A3_radio_exam">
                <div class="title_ans" id="A3_radio_title">
                    <div id="A3_radio_testTitle">A3型题——单选题试题标题</div>
                    <div id="A3_radio_a3test">A3题型小标题</div>
                </div>
                <div id="A3_radio_wrap" class="fm300">
                    <div class="Content0" id="A3_radio_Content0">
                        <ul id="A3_radio_Items">
                            <li id="A3_radio_items_0"></li>
                            <li id="A3_radio_items_1"></li>
                            <li id="A3_radio_items_2"></li>
                            <li id="A3_radio_items_3"></li>
                            <li id="A3_radio_items_4"></li>
                            <li id="A3_radio_items_5"></li>
                            <li id="A3_radio_items_6"></li>
                            <li id="A3_radio_items_7"></li>
                            <li id="A3_radio_items_8"></li>
                            <li id="A3_radio_items_9"></li>
                            <li id="A3_radio_items_10"></li>
                            <li id="A3_radio_items_11"></li>
                            <li id="A3_radio_items_12"></li>
                            <li id="A3_radio_items_13"></li>
                            <li id="A3_radio_items_14"></li>
                        </ul>
                    </div>
                    <div class="conDiv" id='A3_radio_cuoR'></div>
                </div>
            </div>
            <!--A3TEST 单选题 end-->
            <!--A3TEST 多选题 start-->
            <div class="exam" id="A3_checkbox_exam">
                <div class="title_ans" id="A3_checkbox_title">
                    <div id="A3_checkbox_testTitle">A3型题——多选题试题标题</div>
                    <div id="A3_checkbox_a3test">A3题型小标题</div>
                </div>
                <div id="A3_checkbox_wrap" class="fm300">
                    <div class="Content0" id="A3_checkbox_Content0">
                        <ul id="A3_checkbox_Items">
                            <li id="A3_checkbox_items_0"></li>
                            <li id="A3_checkbox_items_1"></li>
                            <li id="A3_checkbox_items_2"></li>
                            <li id="A3_checkbox_items_3"></li>
                            <li id="A3_checkbox_items_4"></li>
                            <li id="A3_checkbox_items_5"></li>
                            <li id="A3_checkbox_items_6"></li>
                            <li id="A3_checkbox_items_7"></li>
                            <li id="A3_checkbox_items_8"></li>
                            <li id="A3_checkbox_items_9"></li>
                            <li id="A3_checkbox_items_10"></li>
                            <li id="A3_checkbox_items_11"></li>
                            <li id="A3_checkbox_items_12"></li>
                            <li id="A3_checkbox_items_13"></li>
                            <li id="A3_checkbox_items_14"></li>
                            <li id="A3_checkbox_items_15"></li>
                        </ul>
                    </div>
                    <div class='default-btn' id="A3_checkbox_btn" style="width:98%;display:none;margin-top: 20px; overflow: auto; height: 40px; line-height: 38px;">
                        <span>提交答案</span>
                    </div>
                    <div class="conDiv" id='A3_checkbox_cuoR'></div>
                </div>
            </div>
            <!--A3TEST 多选题 end-->
            <!--BTEST 单选题 start-->
            <div class="exam" id="B_radio_exam">
                <div class="title_ans" id="B_radio_title">
                    <div id="B_radio_testTitle">B型题——单选题试题标题</div>
                </div>
                <div id="B_radio_wrap" class="fm300">
                    <div class="Content0" id="B_radio_Content0">
                        <ul id="B_radio_Items">
                            <li id="B_radio_items_0"></li>
                            <li id="B_radio_items_1"></li>
                            <li id="B_radio_items_2"></li>
                            <li id="B_radio_items_3"></li>
                            <li id="B_radio_items_4"></li>
                            <li id="B_radio_items_5"></li>
                            <li id="B_radio_items_6"></li>
                            <li id="B_radio_items_7"></li>
                            <li id="B_radio_items_8"></li>
                            <li id="B_radio_items_9"></li>
                            <li id="B_radio_items_10"></li>
                            <li id="B_radio_items_11"></li>
                            <li id="B_radio_items_12"></li>
                            <li id="B_radio_items_13"></li>
                            <li id="B_radio_items_14"></li>
                            <li id="B_radio_items_15"></li>
                        </ul>
                    </div>
                    <div class="conDiv" id='B_radio_cuoR'></div>
                </div>
            </div>
            <!--BTEST 单选题 end-->
            <!--BTEST 多选题 start-->
            <div class="exam" id="B_checkbox_exam">
                <div class="title_ans" id="B_checkbox_title">
                    <div id="B_checkbox_testTitle">B型题——多选题试题标题</div>
                </div>
                <div id="B_checkbox_wrap" class="fm300">
                    <div class="Content0" id="B_checkbox_Content0">
                        <ul id="B_checkbox_Items">
                            <li id="B_checkbox_items_0"></li>
                            <li id="B_checkbox_items_1"></li>
                            <li id="B_checkbox_items_2"></li>
                            <li id="B_checkbox_items_3"></li>
                            <li id="B_checkbox_items_4"></li>
                            <li id="B_checkbox_items_5"></li>
                            <li id="B_checkbox_items_6"></li>
                            <li id="B_checkbox_items_7"></li>
                            <li id="B_checkbox_items_8"></li>
                            <li id="B_checkbox_items_9"></li>
                            <li id="B_checkbox_items_10"></li>
                            <li id="B_checkbox_items_11"></li>
                            <li id="B_checkbox_items_12"></li>
                            <li id="B_checkbox_items_13"></li>
                            <li id="B_checkbox_items_14"></li>
                        </ul>
                    </div>
                    <div class='default-btn' id="B_checkbox_btn" style="width:98%;display:none;margin-top: 70px; height: 40px; line-height: 38px;">
                        <span>提交答案</span>
                    </div>
                    <div class="conDiv" id='B_checkbox_cuoR'></div>
                </div>
            </div>
            <!--BTEST 多选题 end-->
            <!--判断题 start-->
            <div class="exam" id="pd_exam">
                <div class="title_ans" id="pd_title">
                    <div id="pd_testTitle">判断选题试题标题</div>
                </div>
                <div id="pd_wrap" class="fm300">
                    <div class="Content0" id="pd_Content0">
                        <ul id="pd_radio_Items">
                            <li id="pd_radio_items_0" lang="对">A.对</li>
                            <li id="pd_radio_items_1" lang="错">B.错</li>
                            <li id="pd_radio_items_2" lang="错">B.错</li>
                        </ul>
                    </div>
                    <div class="conDiv" id='pd_cuoR'></div>
                </div>
            </div>
            <!--判断题 end-->
            <!--简答题 start-->
            <div class="exam" id="jd_exam">
                <div class="title_ans" id="jd_title">
                    <div id="jd_testTitle">简答题试题标题</div>
                </div>
                <div id="unableBtn_jd" class="unableImg" style="margin:0px;margin-top:15px;"><span>不会</span></div>
                <div class='default-btn input_JD_TK_btn' id="jd_btn" style="margin-top: 10px;">添加答案</div>
				<div class="conDiv" id='jd_cuoR' style="height:80px;"></div>
            </div>
            <!--简答题 end-->
            <!--填空题 start-->
            <div class="exam" id="tk_exam">
                <div class="title_ans" id="tk_title">
                    <div id="tk_testTitle">填空题试题标题</div>
                </div>
                <div id="unableBtn_tk" class="unableImg" style="margin:0px;margin-top:15px;"><span>不会</span></div>
				<div class='default-btn input_JD_TK_btn' id="tk_btn">添加答案</div>
                <div class="conDiv" id='tk_cuoR' style="height:80px;"></div>
            </div>
        </div>
        <!--填空题 end-->
        <div id="unableBtn" class="unableImg" style="margin-left:5%; background-image: url(/images/unable.png); background-position:15px 0px;"><span style="margin-left:40px;">不会</span></div>
		<div id="operateTestBtn" class='operate_btn' style="display:none;">
			<span>背题模式查看答案按钮</span>
		</div>
        <div id="videoBtn" class='default-btn videoBtn' style="display:none;">
            <span>章节视频</span>
        </div>
        <div id="enterTesting" class="default-btn videoBtn" style=" display:none;">
            <span>进入下一套试卷</span>
        </div>
		<div id="tabMenuList" class="menuList">
			<div id="tab_result" class="selected radius_left">答案</div>
			<div id="tab_discuss" class="notSelected radius_right">讨论</div>
		</div>
		<!--答题解析start-->
        <div class="result" id="test_result">
			<div class="result_exp" id="usersAnswers_list" style="display:none;">
                <span class="result_flag">我的答案：</span>
                <div id='usersAnswers' class="result_text"></div>
            </div>
            <div class="result_exp" id="testAnswers_list">
                <!--span class="result_flag">正确答案：</span-->
                <div id='testAnswers' class="result_text"></div>
                <div id='dataStatistics' class="result_text" style="clear: left;"></div>
            </div>
            <div class="result_exp" id="explain_list">
                <!--span class="result_flag" id="explain_list_title">官方解析：</span-->
                <div id='explain' class="result_text">试题解析： </div>
            </div>
         <!--    <div class="result_exp" id="knowledgePoint_list">
                <div id='knowledgePoint' class="result_text">考试重点： </div>
            </div> -->
            <div class="result_exp" id="testPoint_list">
                <div id='testPoint' class="result_text">考试重点： </div>
            </div>
            <div class="result_exp" id="userNote_list">
                <!--span class="result_flag">我的笔记：</span-->
                <div id='userNote' class="result_text"></div>
            </div>
        </div>
        <!--答题解析end-->
		<!--讨论信息列表start-->
        <div class="discuss_list" id="discuss_list" style="margin-top:80px;display:none;">
			<div id="discuss_add" class="blue-btn add-discuss" style="display:none;">添加讨论</div>
			<div class="discuss_area">
				<div id="discuss_new_list"></div>
			</div>
            <div id="discuss_more" class="discuss_more" style="display:none;">加载更多讨论</div>
        </div>
		<!--讨论信息列表end-->
        <div style="height:50px;"></div>
    </div>
    <!--exambt end-->
	<!--结束==========================================================================================================================================-->
	<!--滑动层-->
	<div id="dragContent" class="outer">
		<div id="innerdiv" class="inner">
		</div>
	</div>
	<!--滑动层-->
    <div id="BottomNav" class="bottom-nav bg-blue">
        <ul class="bottom-bar-tab bg-blue">
            <li id="feedbackWrong">
                <img src="/images/ans/jc.png" class="bottom-Img"/>
                <p>纠错</p>
            </li>
            <li id="note">
                <img src="/images/ans/note1.png" class="bottom-Img"/>
                <p>笔记</p>
            </li>
            <li id="updateNote" style="display :none" >
                <img src="/images/ans/note2.png" class="bottom-Img"/>
                <p>笔记</p>
            </li>
            <li id="userScoreBtn">
                <img src="" class="bottom-Img"/>
                <img src="/images/ans/piyue2.png" class="bottom-Img2"/>
                <p>成绩</p>
            </li>
            <li id="marking" style="display:none;">
                <img src="" class="bottom-Img"/>
                <img src="/images/ans/piyue2.png" class="bottom-Img2"/>
                <p>批阅</p>
            </li>
            <li id="retake" style="display:none;">
                <img src="" class="bottom-Img"/>
                <img src="/images/ans/chongkao.png" class="bottom-Img2"/>
                <p>重考</p>
            </li>
            <li id="fav">
                <img src="/images/ans/fav1.png" class="bottom-Img" style=""/>
                <p>收藏</p>
            </li>
            <li id="removeFav" style="display :none">
                <img src="/images/ans/fav2.png" class="bottom-Img"/>
                <p>收藏</p>
            </li>
            <li id="titleCard">
                <img src="/images/ans/tika.png" class="bottom-Img" style=""/>
                <p>题卡</p>
            </li>
            <li id="softSetting2" style="display:none;">
                <img src="/images/ans/more_exam.png" class="bottom-Img" style=""/>
                <p>设置</p>
            </li>
        </ul>
		<ul id="testMenu" class="testMenu" style="display:none;position: absolute;text-align: center;">
			<li id="reciteTest">
                <img src="/images/ans/beiti.png" class="Imgone_xiala_1"/>
				<span class="menu-text">背题</span>

			</li>
			<li id="doTest" style="display:none;">
                <img src="/images/ans/dati.png" class="Imgone_xiala_1"/>
				<span class="menu-text">答题</span>

			</li>
			<li id="titleCard">
                <img src="/images/ans/tika.png" class="Imgone_xiala_1"/>
				<span class="menu-text">题卡</span>

			</li>
			<li id="softSetting">
                <img src="/images/ans/shezhi.png" class="Imgone_xiala_1"/>
				<span class="menu-text">设置</span>

			</li>
			<li id="refresh" style="border-right:0px;">
                <img src="/images/ans/refresh.png" class="Imgone_xiala_1"/>
				<span class="menu-text">刷新</span>

			</li>
		</ul>
	</div>
</div>
<!--弹窗列表start-->
<!--纠正答案的弹窗-->
<div id="userCorrectDiv" style="display:none;">
    <ul id="correctList"></ul>
</div>
<!--用户解析、笔记、求助弹窗-->
<div id="userInfoDiv" class="feedback">
    <textarea id='userInfo_context' class="input_context ser" cols='50' rows='3' maxlength="500"
              placeholder="在这里输入内容"></textarea>

    <div id="userInfo_btn"></div>
</div>
<!--纠错弹窗-->
<div id="feedbackDiv" class="feedback">
    <ol class="feedback_items1">
        <li id="feedback-1" class="checkBg"><span>选项有误</span></li>
        <li id="feedback-2" class="checkBg"><span>图片不显示</span></li>
        <li id="feedback-3" class="checkBg"><span>题干有误</span></li>
        <li id="feedback-4" class="checkBg"><span>解析有误</span></li>
        <li id="feedback-5" class="checkBg"><span>其它错误</span></li>
    </ol>
	<div class="feedback-items-list">
		<span>应选：</span><span class="feedback-items-btn" id="selectedItemBtn">A</span>
		<div id="wrong_items" style="display:none;">
			<ul id="answerDiv" class="feedback-items"></ul>
			<div class="feedback-items2">
				<span id="cancleBtn" class="feedbackBtn">取消</span>
				<span id="okBtn" class="feedbackBtn">确定</span>
			</div>
		</div>
	</div>
    <textarea id='feedback-context' class="input_context ser" cols='50' rows='3' maxlength="500" placeholder="请输入反馈的内容"></textarea>
    <div id="btn-feedback"></div>
</div>
<!-- 批阅遮罩层 -->
<div id="content" style="display:none;">
    <div class="score_con">
        <div class="scoreTop">
            <div id="userDoTestScore" style="display:none;">
				<div class="score_text_title">得分</div>
				<div class="scoreTopLeft">
					<span id="userScore" class="color_1" style="font-size:47px;">0</span>
					<span class="color_1" style="margin-right:30px;">分</span><br/>
					<span id="allScore">总分100</span>
				</div>
            </div>
            <div id="doPractice">
				<div class="score_text_title">答对</div>
				<div class="scoreTopLeft">
					<span id="rightNum" class="color_1" style="font-size:45px;">0</span>
					<span class="color_1" style="margin-right:30px;">题</span>
				</div>
            </div>
            <div id="practiceCount" class="score_jbl">最近答题时间</div>
            <div class="scoreTopRight">
                <div class="score_barList">
                    <div class="scoreTopRight_title"><span>已答</span><span id="doneNum" style="float:right;">0/0</span></div>
                    <div class="score_bar">
                        <div id="bar_yd" style="width: 8%;"></div>
                    </div>
                </div>
                <div class="score_barList" id="rightBar">
                    <div class="scoreTopRight_title"><span>答对</span><span id="rightNum2" style="float:right;">0</span></div>
                    <div class="score_bar">
                        <div id="bar_dd" style="width: 10%;"></div>
                    </div>
                </div>
                <div class="score_barList">
                    <div class="scoreTopRight_title"><span>正确率</span><span id="correctRate" style="float:right;">0%</span></div>
                    <div class="score_bar">
                        <div id="bar_zql" style="width: 18%;"></div>
                    </div>
                </div>
            </div>
        </div>
		<div id="showExam" class="showExam" style="padding:10px 0px;background:#59a7f4;">
			<div class="showexam_box1" id="searchDoneTest" style="margin-bottom:10px;">继续学习</div>
			<div class="showexam_box1" id="doneWrongTest" style="background-color: #ff9900;">重新答题</div>
		</div>
		<div class="showExam" style="height:205px;background-color:#EFECEC;">
			<div class="score_btn_title"><hr class="hr_left"/><span>本章统计</span><hr class="hr_right"/></div>
			<ul>
				<li style="border-right:1px solid #cccccc;"><img src="/images/ans/score-error.png"/><p id="errorTestBtn">错题</p></li>
				<li><img src="/images/ans/score-dont.png"/><p id="notTestBtn">未答</p></li>
				<li style="border-right:1px solid #cccccc;"><img src="/images/ans/score-note.png"/><p id="noteTestBtn">笔记</p></li>
				<li><img src="/images/ans/score-fav.png"/><p id="favTestBtn">收藏</p></li>
			</ul>
		</div>
    </div>
</div>

<!--批阅遮罩层 end -->
<!--题卡遮罩层-->
<div id="cardDialog" class="daohan" style="background-color:#eef3f6;display:none;">
    <div style="margin-left:5px;">
        <span class="tika_explain"></span>
        <span class="text_explain">未答</span>
        <span class="tika_explain3" id="carAnswered1" style="display:none;"></span>
        <span class="text_explain3" id="carAnswered2" style="display:none;">已答</span>
        <span class="tika_explain1" id="cardRight1"></span>
        <span class="text_explain1" id="cardRight2">答对</span>
        <span class="tika_explain2" id="cardWrong1"></span>
        <span class="text_explain2" id="cardWrong2">答错</span>
    </div>
    <div id="cardContent" class="cardContent">
    </div>
</div>
<!--题卡遮罩层 end-->
<!--设置遮罩层-->
<div id="settingDialog" style="display:none;">
    <div class="softsttings_box">
        <h2>字体大小</h2>
        <ul>
            <!--<li id ="smallSize"  style="font-size:14px;">A</li>-->
            <li id="minusSize"><img src='/images/ans/font01.png'/></li>
            <li id="addSize"><img src='/images/ans/font03.png'/></li>
        </ul>
    </div>
    <div class="softsttings_box">
        <h2>昼夜模式</h2>
        <ul>
            <li id="dayMode"><img id="day" src='/images/ans/setting04.png'/></li>
            <li id="nightMode"><img id="night" src='/images/ans/setting05.png'/></li>
        </ul>
    </div>
    <div class="softsttings_box" style="display:none;">
        <h2>音效开关</h2>
        <ul>
            <li id="onMedia"><img id="on" src='/images/ans/on_day.png'/></li>
            <li id="offMedia"><img id="off" src='/images/ans/off_day.png'/></li>
        </ul>
    </div>
</div>
<!--设置遮罩层 end-->
<!--分享弹窗start-->
<div id="shareTest" style="display:none;">
	<div id="htmlUrl" style="margin-top:20px;">
		<input type="text" id="txtHtmlUrl" class="txtHtmlUrl" value="http://newt.ksbao.com"
			   readonly='readonly'/>
	</div>
	<div style="margin-top:30px;">
		<div class="shareTxt">分享到：</div>
		<div>
			<!--a href="javascript:void(0);" id="share_wx"><img src="/images/ans/icon/icon_wx.png"></a-->
			<a href="javascript:void(0);" id="share_qzone" title="QQ空间分享"><img
					src="/images/ans/icon/icon_qqQzone.png"></a>
			<a href="javascript:void(0);" id="share_txwb" title="腾讯微博分享"><img
					src="/images/ans/icon/icon_txwb.png"></a>
			<a href="javascript:void(0);" id="share_xlwb" title="新浪微博分享"><img
					src="/images/ans/icon/icon_xlwb.png"></a>
		</div>
	</div>
</div>
<!--分享弹窗end-->
<!--弹窗列表end-->
<script type="text/javascript">
    window.onload = function () {
        clearInterval(timer);
        loadTime.cost = (new Date().getTime() - loadTime.begin);
    }
    document.getElementById('cancleBtn').onclick = function () {//取消
        document.getElementById('lightDiv').style.display = 'none';
    };

</script>
<script data-main="/js/answer/answerExam" src="/js/libs/require.js"></script>
<%- include ../common/footer %>